Opprette nytt Svelteprosjekt
For å opprette et nytt prosjekt i Svelte kan du følge instruksjonen i videoen under.
I videoen gjør jeg følgende steg:
- Oppretter enn ny mappe til prosjektet
- Åpner mappen i Visual Studio Code med menyvalget
File→Open Folder - Åpner en terminal i Visual Studio Code med menyvalget
Terminal→New Terminal - Skriver inn kommandoen
npm create svelte@latest .npmer navnet på programmet vi kjører (npm er node package manager)createbetyr at vi skal opprette et nytt prosjektsvelte@latestbetyr at prosjekttypen er Svelte, og at vi skal brukes siste versjon av Svelte.betyr at vi skal opprette prosjektet i vår nåværende mappe
- Gjør følgende valg ved hjelp av piltastene, mellomromstasten og enter
- Enter for å bekrefte at vi oppretter prosjektet i nåværende mappe
- Velger
Skeleton projectfor å få et blankt prosjekt uten innhold - Velger ingen
Type checkingsiden vi ikke bruker dette i IT1 - Velger
ESLintfor å hjelpe oss å finne feil og problemer i koden, samtPrettiersom formaterer koden vår på en fin måte
- Skriver inn
npm installfor å installere alle pakkene somnpmhar funnet ut at vi trenger til prosjektet - Skriver
npm run dev -- --openfor å starte en Svelte Server som kompilerer Sveltekoden vår, lager den ferdige HTML-, CSS- og Javascript-koden og viser oss nettsiden. Denne serveren må kjøre på datamaskinen din for at du skal kunne se nettsiden.run devkjører et npm script kaltdevsom du finner i filapackage.json. Hvis du leter her så vil du se atdevegentlig kjører kommandoenvite dev.--disse to bindestrekene gjør at Svelte serveren blir tilgjengelig på nettverket på adressenlocalhost:5173.--opengjør at nettsidene åpnes i nettleseren automatisk